<template>
  <div class="arrive-container">
    <recordCard v-for="item in pageDataList" :key="item.id" :recordItem="item" @refresh="getCallDataListByPage"></recordCard>
  </div>
</template>

<script setup>
import {
  getCallListByPage,
  getinfo,
} from "@/api/andon/andon.ts";
import { ElMessage } from "element-plus";
// const getdetailinfo = async (id) => {
//   await getinfo(1798967736332836865);
//   if (redata.data.imgaes.length == 0) {
//     ElMessage({
//       type: "warn",
//       message: "暂无图片",
//     });
//   } else {
//     imagess.value = redata.data.imgaes;
//     previewImage(0);
//   }
//   console.log(redata);
// };
const pageDataList = ref([]);
const searchPageData = reactive({
  current: 1,
  size: 20,
  data: {},
});
// 查询呼叫记录
const getCallDataListByPage = async () => {
  const { data } = await getCallListByPage(searchPageData);
  pageDataList.value = [];
  pageDataList.value = data;
}
onMounted(() => {
  getCallDataListByPage();
})
</script>

<style scoped lang="scss">
.arrive-container {
  overflow: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  padding: 10px;
}
</style>
